<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JQuery基础语法</title>
		<script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<button id="btn">JQuery按钮</button>
		<script>
			//JQuery 基础语法   注释：JQuery与JavaScript本质，注释沿用JavaScript注释
			/*多行文本*/
			//工厂函数   首行位置  两种使用方式  作用：标识JQuery对象，抓取页面元素
			/*  工厂函数【两种使用方式】
			    ①$("选择器")或$('选择器')   常用  抓取页面对象
				注意：单双引号主要为了区分嵌套问题
				②JQuery("选择器")或JQuery('选择器')   不常用
				*/
		// ①$("选择器")或$('选择器')
	//	$("button").clear(function(){ 
			/*逻辑+DOM或者BOM*/
			//alert("Hello JQuery");  代表BOM层 输出语句
		//	document.write("<marquee>跑马灯....</marquee>");   代表DOM层输出语句
		//	});
		//②JQuery("选择器")或JQuery('选择器')
		   jQuery('#btn').click(function(){
		//	  console.log("你猜我在哪里出现~")   代表ECMAScript  5.0语法  输出语句
		   });
		   /*JQ基础语法：
		   工厂函数(2种)，事件源[4类 15种](function(){
			   JQ 逻辑:包含DOM+逻辑与BOM+逻辑
		   })*/
		</script>
	</body>
</html>